<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Card - Free Bootstrap 4 Profile Card</title>
        <meta name="description" content="Love profile card." />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="https://cdn.staticfile.net/font-awesome/4.7.0/css/font-awesome.css">
        <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
    </head>
    <body class="demo-two">
        <video autoplay loop class="video-background" muted plays-inline>
            <source src="img/mountains.mp4" type="video/mp4">
        </video>
        <!--hero section-->
        <section class="hero bg-indigo">
            <div class="container">
                <div class="row">
                    <div class="card border-none col-lg-6 col-md-8 col-sm-10 mx-auto bg-texture">
                        <div class="card-body text-white text-center py-4">
                            <div class="mb-3">
                                <img src="img/male.jpg" alt="Male" class="brand-logo img-fluid rounded-circle"/>
                            </div>
                            <h1 class="pt-4 text-white h2">我是<span>Tom-MO</span>, 一个 <span>大学生</span>😁</h1>
                            <p class="mt-4 lead text-white">
                                I Love city-walk.
                            </p>
                            <p class="mt-2">
                                <a href="img/myweixin.jpg"><em class="fa fa-weixin icon-sm mr-3"  style="font-size:36px;color:black"></em></a>
                                <a href="https://qm.qq.com/q/r3eeX2XpAW"><em class="fa fa-qq icon-sm mr-3"  style="font-size:36px;color:black"></em></a>
                                <a href="https://s.team/p/jqjd-wcvv/HKCNRWHN"><em class="fa fa-steam icon-sm mr-3"  style="font-size:36px;color:black"></em></a>
                                <a href="https://gitee.com/moyinliang0017"><em class="	fa fa-git-square icon-sm mr-3"  style="font-size:36px;color:black"></em></a>
                            </p>
                            <div class="pt-3">
                                <a href="404/404.html" class="btn btn-white-alt text-blue btn-lg">
                                    我的 主页🚩
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-sm-12 mt-5 footer">
                        <p class="text-white small text-center">
                            &copy; <a target="_blank" href="#" title="moyinliang">moyinliang</a> All rights reserved
                        </p>
                    </div>
                </div>
            </div>
        </section>
    </body>
</html>
